.search-tree-results {
  position: relative;
  z-index: 100;
  border: 1px solid rgba(0, 0, 0, 0.06);

  .tree-content {
    isolation: isolate;
  }

  .tree-loading,
  .tree-empty {
    padding: 24px;
    text-align: center;
  }

  .tree-loading {
    display: flex;
    flex-direction: column;
    align-items: center;

    .loading-text {
      margin-top: 8px;
      font-size: 13px;
      color: rgba(0, 0, 0, 0.45);
    }
  }

  .tree-view-container {
    padding: 8px;

    // 树节点样式定制
    .tree-view {
      .tree-node {
        &:hover {
          background-color: #f5f5f5;
        }

        &.disabled {
          opacity: 0.6;
          background-color: #f0f0f0;
          cursor: not-allowed;
        }
      }

      // 节点标题区域
      .node-title {
        .search-highlight {
          color: #1890ff;
          background-color: rgba(24, 144, 255, 0.1);
          padding: 0 1px;
          font-weight: 500;
        }

        .selected-text {
          font-size: 12px;
          margin-left: 4px;
        }
      }
    }

    // 控制图标显示
    &.hide-icon {
      .node-icon {
        display: none;
      }
    }

    // 显示连接线
    &.show-line {
      .tree-node-children {
        position: relative;

        &::before {
          content: "";
          position: absolute;
          left: 8px;
          top: 0;
          bottom: 0;
          width: 1px;
          background-color: #d9d9d9;
        }
      }

      .tree-node {
        position: relative;

        &::before {
          content: "";
          position: absolute;
          left: -12px;
          top: 50%;
          width: 12px;
          height: 1px;
          background-color: #d9d9d9;
        }
      }
    }
  }

  // 底部按钮区域样式
  .tree-footer {
    background-color: #fff;
  }
}
